
import { mapGetters, mapMutations } from 'vuex';
export default {
  install(Vue) {
    Vue.mixin({
      data() {
        return {
			// 选中的主题类型
			ktheme:this.$store.state.ktheme,
			kbackgroundColor2:this.$store.state.kbackgroundColor2,
			//内容浅色背景
			kgrayBackground:this.$store.state.kgrayBackground,
			//导航栏背景颜色
			knavgroundColor:this.$store.state.knavgroundColor,
			// 主题背景颜色
			kbackgroundColor: this.$store.state.kbackgroundColor,
			// 导航栏标题颜色
			knavTitleColor:this.$store.state.knavTitleColor,
			// tabbar 背景颜色
			ktabbarBgColor:this.$store.state.ktabbarBgColor,
			// 选项卡默认字体颜色
			ktabNormalColor:this.$store.state.ktabNormalColor,
			// 默认字体颜色
			knormalColor:this.$store.state.knormalColor,
			// 选项卡选中颜色
			kselectColorSize:this.$store.state.selectColorSize,
			// 按钮背景色
			kbuttonBgColor:this.$store.state.buttonBcak,
			// 边框颜色
			kborderSty:this.$store.state.borderSty,
			// 标签行背景色
			kcellBgColor:this.$store.state.QianmenonlyBackgournd,
			// 主题自适配字体颜色
			ktopicAdaptationColors:this.$store.state.topicAdaptationColors,
			// 白色
			kwhiteColor:this.$store.state.kwhiteColor,
			// 黑色
			kblackColor:this.$store.state.kblackColor,
			// 灰色
			kgreyColor:this.$store.state.kgreyColor,
			//选中样式 字体颜色 背景颜色
			selStyle: {
				'--selectColorSize': this.$store.state.selectColorSize, //选中字体颜色
				'--selBcakborder': this.$store.state.selBcakborder, //选中背景线颜色 
				'--borderSty': this.$store.state.borderSty, //选中边框线颜色 
				'--buttonBcak': this.$store.state.buttonBcak,
				'--tabNormalColor': this.$store.state.ktabNormalColor,
				//单色背景颜色
				onlyBackgournd: this.$store.state.onlyBackgournd
			},
			// 默认选项卡样式
			tabNormaleStyle: {
				'--tabNormalColor': this.$store.state.ktabNormalColor,
				//单色背景颜色
				onlyBackgournd: this.$store.state.onlyBackgournd
			},
        };
      },
	  
      methods: {
        ...mapMutations(['setTheme']),
      },
      computed: {
        ...mapGetters(['theme'])
      },
     
    });
  }
};

